<template>
  <div>
    <div>
      <el-form
        v-model="searchForm"
        ref="searchFormRef"
        :inline="true"
        label-width="120"
      >
        <el-form-item label="职位检索" label-width="120">
          <el-input
            v-model="searchForm.searchVal"
            placeholder="输入职位名称试试"
            type="text"
            style="width: 200px"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" @click="search()"
            >搜索</el-button
          >
        </el-form-item>
      </el-form>
    </div>
    <hr />
  </div>
</template>

<script>
export default {
  name: "RecommendGraduatesearch",

  data() {
    return {
      searchForm: {
        searchVal: "",
      },
    };
  },

  mounted() {},

  methods: {
    search() {
      console.log(this.searchForm.searchVal);
      this.$router.push({
        path: "graduatedisplay",
      });
    },
  },
};
</script>

<style  scoped>
</style>
